// 浏览器地址栏路径
let pathname = '/user/list'

// metas 数组一段一段的匹配路径
let metas = ['/user', '/add']
// 先从数组中取出第一个元素的值匹配
// pathname = '/user/list' 匹配 "/user"
// 截取 pathname 匹配的部分 再从数组中取出第二个元素的值匹配
// pathname = "/list" 匹配 "/add"
// 匹配失败

let metas2 = ['/user', '/list']
// 先从数组中取出第一个元素的值匹配
// pathname = "/user/list" 匹配 "/user"
// 截取 pathname 匹配的部分 再从数组中取出第二个元素的值匹配
// pathname = "/list" 匹配 "/list"
// 匹配成功 pathname 为空字符串


// 把 数组中路由元数据的路径进行匹配
let metas3 = ['/user', 'detail/:id/age/:age']
let pathname2 = '/user/detail/100/age/66'
// 先从数组中取出第一个元素的值匹配
// pathname2 = "/user/detail/100/age/66" 匹配 "/user"
// 截取 pathname2 匹配的部分 再从数组中取出第二个元素的值匹配
// pathname2 = "/detail/100/age/66" 匹配 "detail/:id/age/:age" ( 会自动处理 / 的兼容 )
// 匹配成功 pathname2 为空字符串

// 渲染匹配的结果
let matches = [
  {
    route: {
      path: "user",
      element: {},
      children: []
    },
    params: {}
  },
  {
    route: {
      path: "detail/:id",
      element: {}
    },
    params: {
      id: "123",
      age: "66"
    }
  }
]



